// 配置文件合并
const { merge } = require('webpack-merge')
const path = require('path')
const baseConfig = require('./webpack.config.base.js')

module.exports = merge(baseConfig, {
    // 环境
    mode: 'development',
    // 构建错误提示
    devtool: 'cheap-module-source-map',
    // 服务器配置
    devServer: {
        // 服务器访问静态目录
        static: path.resolve(__dirname, '../dist'),
        // 指定服务器访问地址
        host: 'localhost',
        // 端口
        port: 9000,
        // 默认打开页面
        open: true,
        // 热更新
        hot: true,
        // 文件变化刷新页面
        // liveReload: true,
        // 压缩打包后的内容
        compress: true,
        client: {
            // 浏览器显示编译错误
            overlay: true,
            // 浏览器显示编译进度
            progress: true
        },
        // 服务器代理
        proxy: {
            '/api': {
                target: 'http://localhost:3000',
                pathRewrite: { '^/api': '' },
            },
        }
    }
})